/* Element UI 组件样式覆盖 */

// 主题色变量
$--color-primary: #409EFF;
$--color-success: #67C23A;
$--color-warning: #E6A23C;
$--color-danger: #F56C6C;
$--color-info: #909399;

// 字体
$--font-path: '~element-ui/lib/theme-chalk/fonts';
$--font-size-base: 14px;
$--font-size-small: 13px;
$--font-size-large: 18px;

// 边距
$--spacing-base: 16px;
$--spacing-small: 12px;
$--spacing-large: 24px;

// 圆角
$--border-radius-base: 4px;
$--border-radius-small: 2px;
$--border-radius-large: 6px;

// 边框
$--border-color-base: #DCDFE6;
$--border-color-light: #E4E7ED;
$--border-color-lighter: #EBEEF5;

// 背景色
$--background-color-base: #F5F7FA;

// 组件覆盖
.el-button {
  &--primary {
    &:hover,
    &:focus {
      background-color: mix(white, $--color-primary, 20%);
      border-color: mix(white, $--color-primary, 20%);
    }
  }
}

.el-dialog {
  border-radius: $--border-radius-base;
  .el-dialog__header {
    padding: $--spacing-base;
    border-bottom: 1px solid $--border-color-lighter;
  }
  .el-dialog__body {
    padding: $--spacing-large;
  }
  .el-dialog__footer {
    padding: $--spacing-base;
    border-top: 1px solid $--border-color-lighter;
  }
}

.el-form {
  .el-form-item {
    margin-bottom: $--spacing-base;
  }
}

.el-table {
  th {
    background-color: $--background-color-base;
    color: #606266;
  }
  td {
    padding: $--spacing-small 0;
  }
}

// 导入Element UI的基础样式
@import "element-plus/dist/index.css";